.page-submit-order {
	.submit-box {
		.components-coupon-list {
			margin-top: 20px;
			border: 1px solid #eee;
			background: #fff;
			.coupon-tab {
				display: flex;
				background: #f9f9f9;
				border-bottom: 0;
				.tab-item {
					padding: 10px 20px;
					cursor: pointer;
				}
				.tab-item.active {
					color: #e1251b;
					background: #fff;
				}
			}
			.coupon-box {
				display: flex;
				flex-wrap: wrap;
				padding-bottom: 20px;
			}
			.c-item {
				margin: 20px 0 0 20px;
				background: #f9f9f9;
				width: 215px;
				position: relative;
				cursor: pointer;
				border: 1px solid #fff;
				box-sizing: border-box;
				.coupon-type {
					background: #e1251b;
					padding: 15px 10px 12px;
					color: #fff;
					position: relative;
					&::before {
						position: absolute;
						display: block;
						width: 10px;
						height: 10px;
						content: ' ';
						background: #fff;
						border-radius: 50%;
						top: 50%;
						transform: translateY(-50%);
						left: -5px;
					}
					&::after {
						position: absolute;
						display: block;
						width: 10px;
						height: 10px;
						content: ' ';
						background: #fff;
						border-radius: 50%;
						top: 50%;
						transform: translateY(-50%);
						right: -5px;
					}
					.coupon-price {
						display: flex;
						align-items: center;
						.price {
							margin-left: 10px;
							margin-top: 5px;
							font-family: arial,sans-serif;
							color: #fff;
							.big {
								font-size: 24px;
							}
						}
						.limit {
							margin-left: 10px;
							margin-top: 10px;
							font-family: arial,sans-serif;
						}
					}
					.coupon-time {
						margin: 5px 0 5px 10px;
						font-family: arial,sans-serif;
						opacity: 0.7;
						line-height: 16px;
					}
				}
				.coupon-info {
					padding: 5px 15px 12px;
					position: relative;
					&::before {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 100%;
						height: 3px;
						background: url(@/assets/images/icons.png) no-repeat;
						background-position: -2px -783px;
						content: ' ';
						z-index: 3;
					}
					.range-item {
						margin-top: 10px;
						color: #999;
						display: flex;
						.label {
							color: #000;
						}
						.text {
							flex: 1;
						}
					}
				}
			}
			.c-item.check {
				.coupon-type {
					&::before {
						display: none;
					}
					&::after {
						display: none;
					}
				}
				.coupon-info {
					&::before {
						background: none;
					}
				}
				background: #fff;
				border: 1px solid #e1251b;
				&::before {
					position: absolute;
					bottom: 0;
					right: 0;
					display: block;
					width: 0;
					height: 0;
					content: ' ';
					border: 10px solid transparent;
					border-right: 10px solid #e1251b;
					border-bottom: 10px solid #e1251b;
				}
				&::after {
					position: absolute;
					bottom: 2px;
					right: 1px;
					display: block;
					width: 10px;
					height: 8px;
					content: ' ';
					background: url(@/assets/images/icons.png) no-repeat;
					background-position: -21px -750px;
				}
			}
			.c-item.useless {
				cursor: not-allowed;
				.coupon-type {
					background: #ccc;
				}
				.coupon-info {
					&::before {
						background-position: 0 -791px;
					}
				}
			}
		}
	}
  .coupon-empty {
    width: 100%;
    text-align: center;
  }
  .tit {
    .platform.text {
      font-weight: 600;
      font-size: 14px;
    }
  }
}

